<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <input type="text" placeholder="昵称"> <br> <br>
    <textarea placeholder="请输入评论"></textarea> <br>
    <button>留言</button>

    <ul>
        <!-- <li>
            <h4>2022-4-21 12:12:12</h4>
            <h3>昵称</h3>
            <p>留言的内容</p>
            <div>
                <p>回复的内容1</p>
            </div>
            <button>回复</button>
            <button>删除</button>
        </li> -->
    </ul>

    <script>

        // 点击按钮   
        //    要判断是否输入
        //    倒计时
        //    新增一个li
        //       var oLi = document.createElement('li') ;
                // oLi.innerHTML = `
                //     <h4>${new Date()}</h4>
                //     <h3>${name}</h3>
                //     <p>#{neiRong}</p>
                //     <div>
                        
                //     </div>
                //     <button>回复</button>
                //     <button>删除</button>
                // `

                // oUl.appendChild(oLi) ;


        //   删除
        //    btn click    this.parentElement.remove()

    </script>
    
</body>
</html>